<template>
    <div class="my-container">
        <div class="container-verif">
            <div class="register-title">
                <h4>验证码登录</h4>
                <p>为了你的账号安全，请用手机号登录</p>
            </div>
            <div class="register-tel">
                <p>中国+86</p>
                <div class="china-tel">

                </div>
            </div>
            <div class="login">
                <button style="width: 300px; height: 30px;background-color: green; border-radius: 10px;">登录</button>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        
    }
</script>

<style lang="scss" scoped>
.my-container{
    width: 100%;
    position: relative;
    .container-verif{
        width: 700px;
        height: 700px;
        // background-color: aquamarine;
        position: absolute;
        left: 25px;
        top: 40px;
        .register-title{
            p{
                color: gray;
                font-size: 40px;
                padding-top: 10px;
            }
        }
        .register-tel{
            margin-top: 20px;
            display: flex;
            padding-left: 15px;
            p{
                font-size: 40px;
            }
            .china-tel{
                width: 400px;
                height: 60px;
                border-radius: 10px;
                background-color: rgb(206, 204, 204);
                
            }
        }
        .login{
            margin-top: 20px;
        }
    }
}
</style>